<!--
 * @Description: 工单详情
 * @Author: charles
 * @Date: 2021-12-14 22:10:42
 * @LastEditors: 邢奇妍 256637363@qq.com
 * @LastEditTime: 2025-09-28 08:37:45
-->
<template>
    <div>
        <el-page-header @back="$router.go(-1)" content="工程详情">
        </el-page-header>


        <div class="top"
            style="margin-bottom: 10px; margin-top: 15px ;height: 40px;width: 100%;background-color: bisque;line-height: 40px;padding-left: 15px;">

            工程详情
        </div>

        <!-- 工程详情  -->
       

        <el-col :span="12">
            <el-form>
                <el-form-item style="padding-left: 10% ;" label="工程名称">{{ engDetails.engineer_name }}</el-form-item>
            </el-form>
            <el-form>
                <el-form-item style="padding-left: 10% ;"label="工程类型">{{ engDetails.type }}</el-form-item>
            </el-form>
            <el-form>
                <el-form-item style="padding-left: 10% ;"label="设备号">{{ engDetails.engineer_id }}</el-form-item>
            </el-form>
        </el-col>
        <el-col :span="12">
            <el-form>
                <el-form-item style="padding-left: 10% ;" label="工单名称">{{ engDetails.device_name }}</el-form-item>
            </el-form>
            <el-form>
                <el-form-item style="padding-left: 10% ;"label="状态">{{ engDetails.status }}</el-form-item>
            </el-form>
            
        </el-col>
    </div>
</template>
<script>
export default {
    data() {
        return {
            engDetails: {}
        }
    },
    methods: {
        async getEngData() {
            let res = await get('/engineer/pageQuery', this.params);
            console.log(res, '获取响应');
            this.engData = res.data.list;
            this.total = res.data.total;
        }
    },
    created() {
        this.getEngData();
        // 接受路由跳转传递的参数 this.$route.query
        this.engDetails = this.$route.query;
    }
}
</script>
<style lang="scss" scoped>
// vue2深度选择器   
::v-deep .el-link--inner {
    margin-left: 5px;
}

.input {
    width: 280px;
}

.select {
    width: 280px;
}

.demo-drawer__footer {
    border-top: 1px solid #ececec;
    padding-top: 10px;
    position: fixed;
    bottom: 50px;
    width: 50%;
    text-align: center;
}
</style>